@import "../fonts/iconfont/iconfont.css";
body{
    margin: 0;
    -webkit-text-size-adjust: 100% !important;
}

html, body {
    height: 100%;
    overflow-y: auto;
    max-width: 700px;
    margin: 0 auto;
}

body, div, h1, h2, h3, h4, h5, h6, html, li, ol, p, ul {
    font-family: "PingFangSC-Regular", "华文细黑", "San Francisco", "Helvetica", "DroidSansFallback", "DroidSans", "Microsoft YaHei";
}

ul, li, p, h2, h3 {
    padding: 0;
    margin: 0;
    border: none;
}

li {
    list-style: none;
}
.sub-title {
    color: #666;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}
/* form */
.form {
    width: 310px;
    padding: 15px;
    border-radius: 12px;
    background-color: #fff;
    margin: 0 auto 20px;
}
.form .input-row {
    margin-bottom: 10px;
    overflow: hidden;
}
.form .input-wrap {
    overflow: hidden;
    background-color: #eee;
    border-radius: 5px;
    height: 40px;
}
.form .input-wrap .mui-icon.iconfont {
    float: left;
    width: 20px;
    height: 20px;
    color: #4cc8cf;
    font-size: 20px;
    margin: 10px;
}
.form .input-wrap .mui-input-clear,.form .input-wrap .mui-input, .form .input-wrap .mui-input-password {
    float: left;
    width: 235px;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
    font-size: 13px;
    padding-left: 0;
}
.form .input-row.has-col .mui-input-clear {
    width: 135px;
}
.form .input-row.has-col .input-wrap {
    width: 175px;
    float: left;
}
.form .input-row.has-col .right-col {
    float: right;
    width: 100px;
    height: 40px;
}